view, scroll-view, swiper, swiper-item, movable-area, movable-view, cover-view, cover-image,
icon, text, rich-text, progress, button, checkbox-group, checkbox, form,
input, label, picker, picker-view, radio-group, radio, slider, switch, textarea, navigator, functional-page-navigator,
image, video, camera, live-player, live-pusher, map, canvas, open-data, web-view,
ad {
  box-sizing: border-box;
  font-family: PingFangSC-Regular, PingFang SC, SourceHanSansSC;
}

page {
  --theme-color: #2c68ff;

  background: #f2f3f5;
}

button {
  &::after {
    border: none;
  }
}

.bold {
  font-weight: bold;
}

.ellipsis-line-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis-line-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mt4 {
  margin-top: 4rpx !important;
}

.mt8 {
  margin-top: 8rpx !important;
}

.mt12 {
  margin-top: 12rpx !important;
}

.mt16 {
  margin-top: 16rpx !important;
}

.mt20 {
  margin-top: 20rpx !important;
}

.mt24 {
  margin-top: 24rpx !important;
}

.mt28 {
  margin-top: 28rpx !important;
}

.mt30 {
  margin-top: 30rpx !important;
}

.mt32 {
  margin-top: 32rpx !important;
}

.mt36 {
  margin-top: 36rpx !important;
}

.mt40 {
  margin-top: 40rpx !important;
}

.mt48 {
  margin-top: 48rpx !important;
}

.mt60 {
  margin-top: 60rpx !important;
}
